.clear {
    clear: both;
}

html {
    background-color: rgb(250, 250, 250);
}
ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

body {
    font-family: Verdana, serif, sans-serif;
    font-size: 14px;
    color: rgb(26, 26, 26);
    margin: 0px;
}


h1 {
    background-color: rgb(236, 236, 236);
    border-left: rgb(255, 153, 85) solid 20px;
    font: 32px Arial;
    padding-left: 10px;
    height: 40px;
    margin: 0px 0px 15px 0px;
    line-height: 40px;
}

hr {
    background: transparent url("../images/ligne-separatrice.png") no-repeat top center;
    border: none;
    margin: 10px 0px;
}


.block {
    background-color: rgb(246, 246, 255);
    padding: 5px;
}

#page {
    margin: auto;
    width: 1000px;
    background-color: rgb(255, 255, 255);
}

#header {
    width: 100%;
    height: 100px;
    background: transparent repeat-x url("../images/header.png");
    position: relative;
    border-bottom: rgb(230, 230, 230) solid 5px;
}

.logo {
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    top: 5px;
    left: 5px;
}

#secondary-menu {
    position: absolute;
    top: 5px;
    right: 5px;
}

#secondary-menu li {
    float: right;
    font: 18px Arial, serif, sans-serif;
}

#secondary-menu span {
    display: block;
    float: right;
    margin: 0px 4px;
}

#secondary-menu a {
    color: rgb(253, 253, 253);
    text-decoration: none;
}

#secondary-menu a:hover {
    color: rgb(204, 0, 0);
}

#primary-menu {
    position: absolute;
    top: 60px;
    right: 5px;
}

#primary-menu li {
    float: left;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 1px;
    background: transparent repeat-x url("../images/primary-menu.png");
}

#primary-menu li.active {
    background: transparent repeat-x url("../images/primary-active-menu.png");
}

#primary-menu li.active span {
    color: rgb(204, 0, 0);
    font: 20px Arial,serif,sans-serif;
}

#primary-menu a {
    font: 20px Arial,serif,sans-serif;
    display: inline-block;
    width: 200px;
    height: 40px;
    color: rgb(253, 253, 253);
    text-decoration: none;
}

#primary-menu a:hover {
    color: rgb(0, 0, 0);
}

#content-top {
    margin: 15px;
    height: 150px;
}

#carroussel {
    width: 550px;
    height: 150px;
    float: left;
}

#search-block {
    border: rgb(210, 210, 210) solid 1px;
    width: 370px;
    height: 150px;
    float: right;
}

.flash_error {
    text-align: center;
    padding: 5px;
    border: 1px solid crimson;
    background-color: #E75C58;
    color: white;
}

.flash_notice {
    text-align: center;
    padding: 5px;
    border: 1px solid darkgreen;
    color: darkgreen;
}

#tags {
    text-align: center;
    height: 70%;
    margin: 5px 10px 0px 10px;
    border-bottom: rgb(230, 230, 230) solid 2px;
}

#search-block form {
    text-align: center;
    margin-top: 5px;
}

#search-block form label {
    font: 16px "Times New Romans";
}

#search-block form input.inputtext {
    width: 200px;
    height: 25px;
    padding: 0px;
    border: rgb(210, 210, 210) solid 1px;
    border-left-color: rgb(150, 150, 150);
    border-top-color: rgb(150, 150, 150);
}

#search-block form input.button {
    /*background: transparent no-repeat url("../images/search-butto*/
    height: 30px;
}

#content {
    margin: 15px;
}

#footer {
    text-align: center;
    padding: 3px;
    background-color: rgb(230, 230, 230);
}

#agenda iframe{
    margin-left: auto;
    margin-right:auto;
    border: 1px solid rgb(165, 165, 165);
}